<!-- 订单状态 -->
<template>
	<view class="container">
		<image class="bg" :src="'/pagesB-order/static/images/order-detail-bg.png'" mode="aspectFill"></image>
		<text class="status">待取货</text>
		<text class="desc">客户预定 13:20-13:50 时间内取货</text>
	</view>
</template>

<script setup>
</script>

<style lang="scss" scoped>
	.container {
		position: relative;
		z-index: 1;
		height: 204rpx;
		padding: 40rpx;
		box-sizing: border-box;
		
		.bg {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
			z-index: -1;
		}

		.status {
			display: block;
			font-weight: bold;
			font-size: 32rpx;
			color: #FFFFFF;
			line-height: 1.5;
		}
		
		.desc {
			display: block;
			font-size: 26rpx;
			color: #FFFFFF;
			line-height: 1.5;
			margin-top: 8rpx;
		}
	}
</style>